@mixin reindeer-common {

&.v-app {
	background: #f5f5f5;
}
/* Global font styles */
&.v-app,
.v-window,
.v-popupview-popup,
.v-tooltip,
&.v-app input,
&.v-app select,
&.v-app button,
&.v-app textarea,
.v-window input,
.v-window select,
.v-window button,
.v-window textarea,
.v-popupview-popup input,
.v-popupview-popup select,
.v-popupview-popup button,
.v-popupview-popup textarea,
.v-filterselect-suggestpopup,
.v-datefield-popup,
.v-contextmenu,
.v-Notification,
.v-menubar-submenu,
.v-drag-element,
.v-table-header-drag {
	font-family: Arial, Helvetica, Tahoma, Verdana, sans-serif;
	font-size: 12px;
	line-height: normal;
	color: #222;
}
/* Fonts on black background */
&.v-app .black,
.v-window-black,
.v-window .black,
.v-popupview-popup .black {
	color: #c9ccce;
	text-shadow: #000 0 0 1px;
}
.v-errorindicator {
	width: 13px;
	height: 15px;
	background: transparent url(../common/icons/error.png) no-repeat 50%;
}
.v-tooltip {
	background-color: #fffcdd;
	border: 1px solid #b8b295;
	font-size: 11px;
	color: #222;
}
.v-tooltip-text {
	padding: 2px 4px;
}
.v-tooltip .v-errormessage {
	padding: 3px 4px;
	background: #ffecc6;
	color: #b74100;
	border: none;
	border-top: 1px solid #fff3dc;
}
.v-tooltip .v-errormessage h2 {
	font-size: 16px;
	font-weight: normal;
	color: #ab3101;
	margin: 2px 0 8px 0;
}
.v-tooltip .v-errormessage h3 {
	font-size: 13px;
	font-weight: bold;
	margin: 1px 0 4px 0;
}
.v-contextmenu {
	background: #f8f8f9;
	border: none;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	overflow: hidden;
	padding: 4px 0;
}
.v-contextmenu .gwt-MenuItem {
	padding: 1px 12px 1px 8px;
	height: 16px;
	user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
	cursor: default;
}
.v-contextmenu .gwt-MenuItem .v-icon {
	margin-right: 3px;
}
.v-contextmenu .gwt-MenuItem-selected {
	background: transparent repeat-x;
	background-image: url(img/sel-bg.png); /** sprite-ref: verticals; sprite-alignment: repeat */
	color: #fff;
	text-shadow: #3b5a7a 0 1px 0;
}
.v-ie & .v-contextmenu .gwt-MenuItem-selected {
	background-image: url(img/sel-bg.png);
	background-position: left top;
}
.v-contextmenu .gwt-MenuItem-selected div {
	background: transparent;
	cursor: default;
}

/* Fixes for Liferay 6.0 */
.portlet &.v-app {
	background: transparent;
}
.portlet &.v-app .v-radiobutton input,
.portlet .v-window .v-radiobutton input,
.portlet .v-popupview-popup .v-radiobutton input,
.portlet &.v-app .v-checkbox input,
.portlet .v-window .v-checkbox input,
.portlet .v-popupview-popup .v-checkbox input {
	margin-right: 3px;
	background: transparent;
}

}